.addMenu-box {
    .content {
        .con-box {
            .form {
                float: none;
                label {
                    color: #676a6c;
                }
                #color {
                    display: none;
                }
                .colors {
                    display: flex;
                    flex-wrap: wrap;
                    .color-item {
                        width: 80px;
                        height: 80px;
                        text-align: center;
                        line-height: 80px;
                        margin-right: 10px;
                        cursor: pointer;
                    }
                    .current {
                        border: 1px solid #503bff;
                        &:before {
                            content: "\e013";
                            position: absolute;
                            bottom: -30px;
                            right: 4px;
                        }
                    }
                    .change {
                        font-size: 14px;
                        height: 40px;
                        background-color: #409EFF;
                        padding: 10px;
                        border-radius: 4px;
                        margin-top: 20px;
                        -webkit-user-select: none;
                        -moz-user-select: none;
                        -ms-user-select: none;
                        user-select: none;
                        color: #fff;
                    }
                }
                .window {
                    margin-top: 20px;
                    .pt5 {
                        display: flex;
                    }
                    .window-box {
                        display: flex;
                        margin-right: 20px;
                        .u_radio_box {
                            border: 1px solid #666;
                            width: 30px;
                            height: 30px;
                            padding: 4px;
                            margin-right: 4px;
                            .u_radio {
                                display: inline-block;
                                width: 100%;
                                height: 100%;
                            }
                            &.current .u_radio {
                                background-color: #666;
                            }
                        }
                        .u_label {
                            height: 30px;
                            line-height: 30px;
                            color: #464646;
                        }
                    }
                }
                .update-box {
                    display: flex;
                    .filebtn {
                        width: 100px;
                        height: 30px;
                        background-color: #f19149;
                        color: #fff;
                        text-align: center;
                        font-size: 14px;
                        line-height: 30px;
                        // border-radius:  4px;
                    }
                    .help-block {
                        margin-left: 10px;
                    }
                    .update {
                        display: none;
                    }
                    .disable {
                        cursor: not-allowed
                    }
                    .loadingImg {
                        margin-left: 10px;
                        color: #f19149;
                    }
                    .tips {
                        color: #ff5455;
                        height: 35px;
                        line-height: 35px;
                        margin-left: 10px;
                    }
                }
                .videos {
                    color: #676a6c;
                    display: flex;
                    flex-wrap: wrap;
                    .video {
                        padding: 10px;
                        border: 1px dashed #aaa;
                    }
                }
            }
            .btn-box {
                margin-top: 40px;
                text-align: right;
                float: none;
                .btn {
                    width: 240px;
                    height: 40px;
                    text-align: center;
                    font-size: 18px;
                    color: #fff;
                }
                .submit {
                    background-color: #1ab394;
                }
            }
        }
    }
}

@media screen and (max-width: 1200px) {
    #addMenu {
        .col-lg-8 {
            width: 90%;
        }
    }
}

@media screen and (max-width: 768px) {
    #addMenu {
        .content {
            .form {
                .window {
                    .window-box {
                        margin-right: 4px;
                    }
                }
                .colors {
                    flex-wrap: wrap;
                    .color-item {
                        width: 40px;
                        height: 40px;
                    }
                    .change {
                        height: 40px;
                        margin-top: 0px;
                    }
                }
                .colorname {
                    display: none;
                }
            }
        }
    }
}

@media screen and (max-width: 390px) {
    #addMenu {
        .content {
            .form .colors .change {
                margin-top: 10px;
            }
        }
    }
}